<template>
  <div class="audition299">
    <p>1. setState 回调，setState,第二个参数是一个回调函数，可实现同步</p>
    <p>2. 引入 Promise 封装 setState，在调用时我们可以使用 Async/Await 语法来优化代码风格</p>
    <code class="code">
      setStateAsync(state) {<br/>
        <span class="indient">return new Promise((resolve) => {</span><br/>
          <span class="indient2">this.setState(state, resolve)</span><br/>
        <span class="indient">});</span><br/>
      }
    </code>
    <p>3. 传入状态计算函数， setState 的第一个参数</p>
    <code class="code">
      this.setState((prevState, props) => ({<br/>
        <span class="indient">count: prevState.count + 1</span><br/>
      }));
    </code>
    <p>4. 在 setTimeout 函数中调用 setState</p>
  </div>
</template>

<script>
export default {
  name: 'Audition299'
}
</script>

<style>

</style>